/* CSS Document */

body {
	background-color: #fdeccd;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	border: 0;
}
a {
	outline: 0;
	border: 0;
}
img {
	outline: 0;
	border: 0;
	vertical-align: middle;
}
ul, li, h2, h3, h4, h5, h6 {
	list-style: none;
	margin: 0;
	padding: 0;
}
a, a:hover {
	text-decoration: none;
}
.clearfix {
	float: none;
	clear: both;
}
#wrap {
	width: 1198px;
	margin: 0 auto;
	overflow: visible;
}
#wrap .header {
	position: relative;
	background: url(../images/header.jpg) no-repeat;
	width: 1198px;
	height: 404px;
}
#wrap .header .video {
	position: absolute;
	width: 239px;
	height: 146px;
	left: 881px;
	top: 122px;
}
#wrap .bn {
	position: relative;
	width: 1198px;
	height: 324px;
}
#wrap .bn .menu {
	position: absolute;
	top: 14px;
	right: 25px;
	width: 836px;
	height: 35px;
}
#wrap .bn .menu dl {
	margin: 0;
	padding: 0;
	display: block;
}
#wrap .bn .menu dd {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
#wrap .bn .menu dd a {
	display: block;
	overflow: hidden;
	height: 35px;
	margin: 0;
	background: url(../images/menu.gif) no-repeat left top;
}
#wrap .bn .menu dd a#menu_1 {
	width: 116px;
	background-position: left top;
}
#wrap .bn .menu dd a#menu_1out {
	width: 116px;
	background-position: left center;
}
#wrap .bn .menu dd a#menu_1:hover {
	width: 116px;
	background-position: left bottom;
}
#wrap .bn .menu dd a#menu_2 {
	width: 98px;
	background-position: -117px top;
}
#wrap .bn .menu dd a#menu_2out {
	width: 98px;
	background-position: -117px center;
}
#wrap .bn .menu dd a#menu_2:hover {
	width: 98px;
	background-position: -117px bottom;
}
#wrap .bn .menu dd a#menu_3 {
	width: 98px;
	background-position: -215px top;
}
#wrap .bn .menu dd a#menu_3out {
	width: 98px;
	background-position: -215px center;
}
#wrap .bn .menu dd a#menu_3:hover {
	width: 98px;
	background-position: -215px bottom;
}
#wrap .bn .menu dd a#menu_4 {
	width: 97px;
	background-position: -313px top;
}
#wrap .bn .menu dd a#menu_4out {
	width: 97px;
	background-position: -313px center;
}
#wrap .bn .menu dd a#menu_4:hover {
	width: 97px;
	background-position: -313px bottom;
}
#wrap .bn .menu dd a#menu_5 {
	width: 131px;
	background-position: -410px top;
}
#wrap .bn .menu dd a#menu_5out {
	width: 131px;
	background-position: -410px center;
}
#wrap .bn .menu dd a#menu_5:hover {
	width: 131px;
	background-position: -410px bottom;
}
#wrap .bn .menu dd a#menu_6 {
	width: 98px;
	background-position: -541px top;
}
#wrap .bn .menu dd a#menu_6out {
	width: 98px;
	background-position: -541px center;
}
#wrap .bn .menu dd a#menu_6:hover {
	width: 98px;
	background-position: -541px bottom;
}
#wrap .bn .menu dd a#menu_7 {
	width: 98px;
	background-position: -639px top;
}
#wrap .bn .menu dd a#menu_7out {
	width: 98px;
	background-position: -639px center;
}
#wrap .bn .menu dd a#menu_7:hover {
	width: 98px;
	background-position: -639px bottom;
}
#wrap .bn .menu dd a#menu_8 {
	width: 100px;
	background-position: -737px top;
}
#wrap .bn .menu dd a#menu_8out {
	width: 100px;
	background-position: -737px center;
}
#wrap .bn .menu dd a#menu_8:hover {
	width: 100px;
	background-position: -737px bottom;
}
#wrap .main {
	background: url(../images/content_bg.gif) repeat-y;
	width: 1198px;
}
#wrap .main .title {
	width: 1198px;
	height: 82px;
}
#wrap .main .content {
	background: url(../images/bottom_bg.gif) center bottom no-repeat;
	width: 1178px;
	padding: 15px 10px 20px 10px;
	overflow: hidden;
}
#wrap .main .content ul {
}
#wrap .main .content li {
	background: url(../images/list_bg.jpg) no-repeat;
	width: 337px;
	height: 350px;
	float: left;
	margin: 0 27px;
	margin-bottom: 30px;
}
#wrap .main .content li h2 {
	height: 57px;
	line-height: 57px;
	font-family: "新細明體", Arial;
	font-size: 15px;
	color: #e77200;
	text-align: center;
}
#wrap .main .content li .pic {
	width: 265px;
	height: 156px;
	margin-left: 33px;
	margin-bottom: 25px;
}
#wrap .main .content li .pic:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}
#wrap .main .content li .data {
	display: block;
	width: 200px;
	margin-left: 33px;
}
#wrap .main .content li .data .s_photo {
	width: 50px;
	height: 50px;
	float: left;
}
#wrap .main .content li .data .s_photo:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}
#wrap .main .content li .data .info {
	margin-left: 10px;
	float: left;
}
#wrap .main .content li .data .info h3 {
	height: 25px;
	font-family: "新細明體", Arial;
	font-size: 13px;
	font-weight: normal;
	color: #df8a70;
}
#wrap .main .content li .data .info .fb_link {
}